//弹出框数据
var alertJson = {
    "1-1" : [],
    "1-2" : [{
        title : '主会场展示区',
        address :'天马行空展厅',
        date : '9月17日-9月21日'
    }],
    "1-3" : [{
        title : '品质论坛开幕式',
        address :'学术报告厅',
        date : '9月17日'
    },{
        title : '总部长演讲会',
        address : '学术报告厅',
        date : '9月18日'
    },{
        title : '新技术行业专家演讲会',
        address : '学术报告厅',
        date : '9月20日'
    },{
        title : '汽车之家演讲会及质量奖<br><s></s>颁奖仪式及主会场闭幕式',
        address : '学术报告厅',
        date : '9月21日'
    }],
    "1-4" : [{
        title : '供应商专题日',
        address : '企业大学',
        date : '9月19日'
    },{
        title : '质量学院挂牌仪式',
        address : '企业大学',
        date : '9月20日'
    }],
    "2-1" : [{
        title : '大连分会场',
        address : '综合楼一楼展厅',
        date : '9月26日-9月28日'
    }],
    "2-2" : [{
        title : '郑州分会场',
        address : '总装车间QRQC北侧车辆评审区',
        date : '10月10日-10月12日'
    }],
    "2-3" : [{
        title : '襄阳分会场',
        address : '总装LED屏幕前',
        date : '9月27日-9月28日'
    }],
    "2-4" : [{
        title : '花都1工厂分会场',
        address : '总装一车间QRQC会议室旁',
        date : '9月18日-9月19日'
    }],
    "2-5" : [{
        title : '花都2工厂分会场',
        address : '花都二工厂总装展示区(玻璃门)',
        date : '9月18日-9月19日'
    }],
    "2-6" : [{
        title : 'DNTC分会场',
        address : '设计楼1多功能厅',
        date : '10月10日-10月12日'
    }],
    "2-7" : [{
        title : 'DNTC分会场',
        address : '发动机办公区一楼展厅',
        date : '9月18日-9月20日'
    }],

}

var app = new Vue({
    el : '#app',
    data (){
        return {
            json : alertJson,
            lists : ''
        }
    },
    mounted () {
        INIT();
    },
    methods : {
        choiceItem (key){
            this.lists = this.json[key];
            $('.alert-box').show();
        },
        closeAlert (){
            $('.alert-box').hide();
        }
    }
})

function INIT() {
    //微信分享
    $config.wxShare();
    //自动播放音乐
    (function () {
        var audio = document.getElementById('music');
        if($config.iswx()){
            document.addEventListener("WeixinJSBridgeReady", function () {
                audio.play();
            }, false);
        }else{
            audio.play();
        }

        $('.icon-music').click(function () {
            if($(this).hasClass('ani-music')){
                $(this).removeClass('ani-music');
                $(this).addClass('no');
                audio.pause();
            }else{
                $(this).addClass('ani-music');
                $(this).removeClass('no');
                audio.play();
            }
        })
    }())

    var aniArry = ['ani-into','ani-pulse'],//对应css文件里新增的动画效果
        //视频初始化
        player = videojs('video', {
            poster : __uri('/web/views/index/img/video-bg.jpg')
        }, function () {
            this.on('play',function () {
                _smq.push(['custom','2018-pinzhiluntan-MOB','playvideo']);
            })
        }),
        //全局page
        mainSwiper = new Swiper ('.main-swiper', {
            direction : 'vertical',
            // effect : 'fade',
            initialSlide : 0,
            // allowTouchMove : false,
            on:{
                init: function(){
                    swiperAnimateCache(this); //隐藏动画元素
                    swiperAnimate(this); //初始化完成开始动画

                    //添加提示下滑动画
                    setTimeout(function () {
                        $('.swiper-slide').find('.arrow-down').addClass('ani-into');
                    },1500)
                },
                slideChangeTransitionStart (){
                    player.pause();
                    //去除所有新增的动画特效
                    aniArry.forEach(function (item) {
                        $('.'+item).removeClass(item);
                    })
                },
                slideChangeTransitionEnd: function(){
                    swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
                    var index = this.realIndex,
                        type = $('.swiper-slide').eq(index).data('type'),
                        ele = $('.slide'+type);

                    // 第七页增加动画特效
                    if(type==7){
                        setTimeout(function () {
                            ele.find('.btn-into').addClass('ani-into');
                            ele.find('.alert-open').addClass('ani-pulse');
                        },2500)
                    }else if(type==9){
                        setTimeout(function () {
                            ele.find('[class^=txt-]').addClass('ani-pulse');
                        },2500)
                    }

                    //添加提示下滑动画
                    setTimeout(function () {
                        $('.swiper-slide').eq(index).find('.arrow-down').addClass('ani-into');
                    },1500)

                    //第一页不能滑动到下一页
                    /*if(index===0){
                        mainSwiper.allowTouchMove = false;
                    }else{
                        mainSwiper.allowTouchMove = true;
                    }*/
                }
            }
        })

    $('.alert-open').click(function () {
        var key = $(this).data('key');
        app.choiceItem(key);
    });

    $('.swiper-to').click(function () {
        var to = $(this).data('to');
        if(!to){
            mainSwiper.slideNext();
            _smq.push(['custom','2018-pinzhiluntan-MOB','start']);
        }else{
            mainSwiper.slideTo(to)
        }

    })
}

